<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../vue.js"></script>
  </head>

  <body>
    <div id="app"></div>
    <script>
      Vue.config.productionTip = false;
      /* 
挂载: 挂载就是将vue实例挂载到el执行的dom容器上 开始渲染并监听用户交互 也就是vue实例最终到容器中展示的过程
渲染: 渲染就是根据vue实例的虚拟dom渲染成真实dom结构
编译: 编译就是将vue中书写的模板 转换成虚拟dom或转换成一个渲染函数的过程
*/
      const vm = new Vue({
        el: "#app",
        data() {
          return {};
        },
      });
    </script>
  </body>
</html>
